
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <title>巴歌出行首页</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/style.css">
    <link rel="stylesheet" href="../css/nav.css">
    <link rel="stylesheet" href="../css/footer.css">
</head>

<body>
    <div class="P_body">
        <div class="top">
            <div class="content">
                <div class="nav cl">
                   
                </div>
            </div>
        </div>
        <div class="details" >
            <div class="banner">
                <div class="content">
                    <img src="../images/banner.png" alt="">
                    <div class="Download">
                        <a href="javascript:;" class="android"><img src="../images/android.png" alt=""></a>
                        <a href="javascript:;"><img src="../images/apple.png" alt=""></a>
                    </div>
                </div>
            </div>
            <div class="Componeyintroduce">
                <div class="content cl">
                    <div class="title">公司介绍</div>
                    <div class="C_cont cl">
                        <div class="C_logo">
                            <img src="../images/C_logo.png" alt="">
                        </div>
                        <div class="C_right">
                            <p>“巴歌出行”是北京巴歌汽车租赁有限公司推出的汽车共享出行平台，通过移动互联网、车联网技术结合电动汽车打造“分时租赁”服务。为城市白领带来实时预订、随意取还、全程自助的全新用车体验，按分钟和里程计费，同时推出夜间优惠方案，无论上班下班、拜访客户、逛街购物或朋友聚会，您皆可享受巴歌出行带来的私密空间和驾乘乐趣。</p>
                            <p class="txt">巴歌总部位于北京，服务网点覆盖北京、广州、唐山等城市，未来将在京津冀地区、珠三角及长三角地区为用户提供便捷、环保、时尚的出行服务。
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="order_progress">
                <div class="content">
                    <div class="title">下单流程</div>
                    <img src="../images/progress1.png" alt="">
                    <img src="../images/progress2.png" alt="" class="img2">
                </div>
            </div>
        </div>
        <div class="city_open details">
            <div class="content">
                <div class="title">开放城市<span>北京、唐山、广州、中山、烟台、天津、廊坊、临沂</span><span>更多城市陆续开放中...</span></div>
                <img src="../images/green1.png" alt="">
                <img src="../images/green2.png" alt="">
                <img src="../images/green3.png" alt="">
            </div>
        </div>
        <div class="media details">
            <div class="content">
                <div class="title">媒体报道<span>媒体采访图片</span></div>
                <div class="poster-main A_Demo">
                    <div class="poster-btn poster-prev-btn"></div>
                    <ul class="poster-list">
                        <li class="poster-item"><a href="#"><img src="../images/1.jpg" width="100%" ></a></li>
                        <li class="poster-item"><a href="#"><img src="../images/2.jpg" width="100%" ></a></li>
                        <li class="poster-item"><a href="#"><img src="../images/3.jpg" width="100%" ></a></li>
                        <li class="poster-item"><a href="#"><img src="../images/4.jpg" width="100%" ></a></li>
                        <li class="poster-item"><a href="#"><img src="../images/5.jpg" width="100%" ></a></li>
                        <li class="poster-item"><a href="#"><img src="../images/6.jpg" width="100%" ></a></li>
                        <li class="poster-item"><a href="#"><img src="../images/7.jpg" width="100%" ></a></li>
                        <li class="poster-item"><a href="#"><img src="../images/8.jpg" width="100%" ></a></li>
                        <li class="poster-item"><a href="#"><img src="../images/9.jpg" width="100%" ></a></li>
                        
                    </ul>
                    <div class="poster-btn poster-next-btn"></div>
                </div>

                <div class="sec_title">媒体新闻</div>
                <div class="media_cont">
                    <ul class="cl">
                        <li>
                            <img src="../images/media_list1.png" alt="">
                            <a href=""><img src="../images/tencent.png"></a>
                        </li>
                        <li>
                            <img src="../images/media_list2.png" alt="">
                            <a href=""><img src="../images/sohu.png"></a>
                        </li>
                        <li>
                            <img src="../images/media_list3.png" alt="">
                            <a href=""><img src="../images/sina.png"></a>
                        </li>
                        <li>
                            <img src="../images/media_list4.png" alt="">
                            <a href=""><img src="../images/ifeng.png"></a>
                        </li>
                        <li>
                            <img src="../images/media_list5.png" alt="">
                            <a href=""><img src="../images/people.png"></a>
                        </li>
                        <li>
                            <img src="../images/media_list6.png" alt="">
                            <a href=""><img src="../images/news.png"></a>
                        </li>
                        <li>
                            <img src="../images/media_list7.png" alt="">
                            <a href=""><img src="../images/netease.png"></a>
                        </li>
                        <li>
                            <img src="../images/media_list8.png" alt="">
                            <a href=""><img src="../images/broadcase.png"></a>
                        </li>
                        <li>
                            <img src="../images/media_list9.png" alt="">
                            <a href=""><img src="../images/huanqiu.png"></a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="join_buss">
            <div class="content">
                <div class="title">招商加盟
                    <span>如果您对共享出行、新能源汽车、分时租赁感兴趣</span>
                    <span>欢迎加入巴歌出行</span>
                    <span>我们设置多种合作模式，通过完整的产品平台</span>
                    <span>完善的运营体系、强大的风控体系和全面的服务支撑</span>
                    <span>助力地方车辆快速落地运营，共享绿色出行等待您的加盟。</span>
                    <span class="tel">加盟电话:010-56038362</span>
                </div>
                <div class="buss_title cl">
                    <p>巴歌提供</p>
                    <p>加盟商提供</p>
                </div>
                <table cellpadding="0" cellspacing="0">
                    <tr>
                        <td>运维+本地推广+技术</td>
                        <td>车</td>
                    </tr>
                    <tr>
                        <td>本地推广+技术</td>
                        <td>车+运维</td>
                    </tr>
                    <tr>
                        <td>技术</td>
                        <td>车+运维+本地推广</td>
                    </tr>
                    <tr>
                        <td>车+运维+本地推广+技术</td>
                        <td>资金</td>
                    </tr>
                </table>
            </div>
        </div>
        <div class="footer details">
            <div class="content cl">
            
            </div>
        </div>
    </div>
</body>

<script src="../js/jquery.min.js"></script>
<script src="../js/PicCarousel.js"></script>
<script src="../js/nav.js"></script>
<script src="../js/footer.js"></script>
<script>
$(function() {
    $(".nav a,.f_left a").click(function(e) {
        var index=$(".nav a").index(this);
        if ($(this).hasClass('openCity')) {
            $('.openCity').addClass('on').parent().siblings().find("a").removeClass("on");
            $("html,body").animate({
                scrollTop: $(".city_open").offset().top-80
            }, 500)
        }else if($(this).hasClass('introduce')){
            $('.introduce').addClass('on').parent().siblings().find("a").removeClass("on");
            $("html,body").animate({
                scrollTop: $(".Componeyintroduce").offset().top-100
            }, 500)
        }else if ($(this).hasClass('mediaCoverage')){
            $('.mediaCoverage').addClass('on').parent().siblings().find("a").removeClass("on");
            $("html,body").animate({
                scrollTop: $(".media").offset().top-80
            }, 500)
        } else if ($(this).hasClass('concat_bus')) {
            $('.concat_bus').addClass('on').parent().siblings().find("a").removeClass("on");
            $("html,body").animate({
                scrollTop: $(".footer").offset().top
            }, 500)
        }else if($(this).hasClass('join_bussiness')){
            $('.join_bussiness').addClass('on').parent().siblings().find("a").removeClass("on");
            $("html,body").animate({
                scrollTop: $(".join_buss").offset().top-150
            }, 500)

        }else if($(this).hasClass('home')){
            $('.home').addClass('on').parent().siblings().find("a").removeClass("on");
            $("html,body").animate({
                scrollTop: 0
            }, 100)
        }else if($(this).hasClass('question')){
            $('.question').addClass('on').parent().siblings().find("a").removeClass("on");
            window.location.href="question.html"
        }else if($(this).hasClass('strategy')){
             $('.strategy').addClass('on').parent().siblings().find("a").removeClass("on");
            window.location.href="strategy.html"
        }
    });
        var loc = location.href;
        var n1 = loc.length;
        var n2 = loc.indexOf("=");
        var id = decodeURI(loc.substr(n2+1, n1-n2));
        if(id=="home"){
            $(".home").addClass("on").parent().siblings().find('a').removeClass('on');
        }else if(id=="introduce"){
            $(".introduce").addClass("on").parent().siblings().find('a').removeClass('on');
            $(".introduce").click();
        }else if(id=="openCity"){
            $(".openCity").addClass("on").parent().siblings().find('a').removeClass('on');
            $(".openCity").click();
        }else if(id=="mediaCoverage"){
            $(".mediaCoverage").addClass("on").parent().siblings().find('a').removeClass('on');
            $(".mediaCoverage").click();
        }else if(id=="join_bussiness"){
            $(".join_bussiness").addClass("on").parent().siblings().find('a').removeClass('on');
            $(".join_bussiness").click();
        }else if(id=="concat_bus"){
            $(".concat_bus").addClass("on").parent().siblings().find('a').removeClass('on');
            $(".concat_bus").click();
        }

        // 图片轮播
        $(".A_Demo").PicCarousel({
            "autoPlay":true,
            "speed":1500,
            "delay":1000
        });

})
</script>
<!-- 浏览器判断 -->
<script type="text/javascript">
        function browserRedirect() {
            var sUserAgent = navigator.userAgent.toLowerCase();
            var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
            var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
            var bIsMidp = sUserAgent.match(/midp/i) == "midp";
            var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
            var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
            var bIsAndroid = sUserAgent.match(/android/i) == "android";
            var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
            var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
            console.log("您的浏览设备为：");
            if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {
                window.location.href="../m/m-index.html"
            } 
        }

        browserRedirect();
</script>

</html>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                